<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<style>
			*{margin: 0;padding: 0;list-style: none;text-decoration: none;font-family: '幼圆';color:#323232;}
			html{font-size: calc(100/750*100vw);}
			a {
  				-webkit-tap-highlight-color: transparent;
  				-webkit-touch-callout: none;
  				-webkit-user-select: none;}
 			h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight:200;}
			section{margin-top: 1.26rem;position: relative;overflow: hidden;background: #FAFAFA;}
			.banner{position: relative;width: 7.5rem;height: 3.7rem;}
			.banner img{height: 3.7rem;float: left;}
			.banner p{width:7.5rem;height: .5rem;font-size: .28rem;background: rgba(0,0,0,.3);text-align: center;
			position: absolute;bottom: 0;line-height: .58rem;color: #FAFAFA;}
			menu{width: 6.2rem;margin:0 auto;margin-top: .2rem;}
			section ul{width: 6.5rem;height:100%;position: relative;overflow: hidden;}
			section ul li{width: 1rem;height:1.62rem ;float: left;margin-right: .3rem;position: relative;}
			section ul li a{display: block;}
			section ul li img{width: 1rem;float: left;}
			section ul li h1{font-size: .24rem;text-align: center;width: 100%;line-height: .24rem;position: absolute;
			top: 1.25rem;left: 0;}
			.article{min-height: 4.94rem;width: 7.5rem;position: relative;background: #F0F0F0;overflow: hidden;}
			.article p{font-size: .24rem;width: 7.1rem;margin: 0 auto;line-height: .3rem;text-indent: 2em;
			margin-top: .25rem;}
			.article h1{margin-top: 2.25rem;font-size: .24rem;color: #646464;line-height: .24rem;text-align: center;}
			.article h1:nth-child(3){margin-top: .2rem;}
				<li><a href="third-teacherinfo.html">
					<img src="img/four/four-menu.jpg"/>
					<h1>王昕</h1>
				</a>
				</li>}
		</style>
	</head>
	<body>
		<section>
			<div class="banner">
				<img src="img/four/four-banner.jpg" />
				<p>——众多知名导师入住平台——</p>
			</div>
			<menu>
			<ul>
				<li><a href="third-teacherinfo.html">
					<img src="img/four/four-menu.jpg"/>
					<h1>王昕</h1>
				</a>
			</li>
				<li><a href="third-teacherinfo.html">
					<img src="img/four/four-menu.jpg"/>
					<h1>王昕</h1>
				</a>
			</li>
				<li><a href="third-teacherinfo.html">
					<img src="img/four/four-menu.jpg"/>
					<h1>王昕</h1>
				</a>
			</li>
				<li><a href="third-teacherinfo.html">
					<img src="img/four/four-menu.jpg"/>
					<h1>王昕</h1>
				</a>
			</li>
				<li><a href="third-teacherinfo.html">
					<img src="img/four/four-menu.jpg"/>
					<h1>王昕</h1>
				</a>
			</li>
				<li><a href="third-teacherinfo.html">
					<img src="img/four/four-menu.jpg"/>
					<h1>王昕</h1>
				</a>
			</li>
				<li><a href="third-teacherinfo.html">
					<img src="img/four/four-menu.jpg"/>
					<h1>王昕</h1>
				</a>
			</li>
				<li><a href="third-teacherinfo.html">
					<img src="img/four/four-menu.jpg"/>
					<h1>王昕</h1>
				</a>
			</li>
				<li><a href="third-teacherinfo.html">
					<img src="img/four/four-menu.jpg"/>
					<h1>王昕</h1>
				</a>
			</li>	
				<li><a href="third-teacherinfo.html">
					<img src="img/four/four-menu.jpg"/>
					<h1>王昕</h1>
				</a>
			</li>
			</ul>
			</menu>
			<div class="article">
				<p>【昕孕瑜伽】创立于200N年，专注于服务瑜伽专业人士，提供孕妇瑜伽教学、导师培训。
					聚集一批行业一线导师与众多优秀瑜伽人才，本着打造最优质、专业的孕妇瑜伽在线教育和问答互动平台。
				</p>
				<h1>热线电话:400-000-0001</h1>
				<h1>工作时间10:00-19:00</h1>
			</div>
		</section>
		<script type="text/javascript" src="js/jquery.js" ></script>
		<script></script>
	</body>
</html>
